<script setup lang="ts">

import {ref,inject,computed} from "vue";

const columns = ref([
  {title: '托盘编号', dataIndex: 'number',},
  {title: '托盘数', dataIndex: 'tray_list_count',},
  {title: '箱数', dataIndex: 'shipment_count',},
]);
const traylist_data = inject('traylist_data')
const data = computed(()=>{
  return traylist_data != undefined && traylist_data.value.length > 0 ? traylist_data.value :[]
});
</script>
<template>
  <a-grid-item :span="{ xs: 1, sm: 6}" class="g-collapse">
  <a-collapse :default-active-key="['1']">
    <a-collapse-item header="托盘信息" key="1" class="g-collapse-no-p">
      <a-table :columns="columns" :data="traylist_data" :bordered="false" :pagination="false" column-resizable>
      </a-table>
    </a-collapse-item>
  </a-collapse></a-grid-item>
</template>